@charset "UTF-8";

.large {
    width: 100%;
    height: auto;
}



.hottopic { 
width:360px;
float:left;
padding-bottom:15px;
margin-left:40px;
padding-right:25px;
}


.hottopicmid { 
width:360px;
float:left;
margin-left:20px;
padding-bottom:15px;
}




.hottopicright { 
width:300px;
float:left;
margin-left:20px;
padding-bottom:15px;
}


@media (max-width: 1280px) {
	
	
.hottopic { 
width:100%;
float:left;
padding-bottom:15px;
}

.hottopicright { 
width:100%;
float:left;
padding-bottom:15px;
}


.hottopicmid { 
width:100%;
float:left;
padding-bottom:15px;
}
	
}





@media (max-width: 766px) {
	
	
.hottopic { 
width:100%;
float:left;
padding-bottom:15px;
padding-right:25px;
margin-left:20px;
}

.hottopicright { 
width:100%;
float:left;
padding-bottom:15px;
}


.hottopicmid { 
width:100%;
float:left;
padding-bottom:15px;
}
	
}






@media (max-width: 479px) {	

.hottopic { 
width:379px;
float:left;
margin-left:20px;
}




}